<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>导航菜单</title>
</head>

<body id="topNav">
    <nav id="mainNav" class="navbar navbar-expand-md navbar-dark mb-md-5">
        <a class="navbar-brand" href="../index.html" title="关中刀客在青岛">
            <img src="../img/logo_v0.1_w.png" alt="logo">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
            aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav">
                <li class="nav-item dropdown">
                    <a class="nav-link" href="../index.html" id="index" aria-expanded="false">
                        首页
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="note" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                        学习笔记
                    </a>
                    <div class="dropdown-menu" aria-labelledby="note">
                        <a class="dropdown-item"
                            href="http://note.youdao.com/noteshare?id=3b2e8dbb112f14237d7ccc077817843b">廖雪峰JavaScript教程笔记</a>
                        <a class="dropdown-item"
                            href="https://note.youdao.com/ynoteshare1/index.html?id=4653994abae090b764e7fb65a039a7fe">廖雪峰Git教程笔记</a>
                        <a class="dropdown-item" href="http://e-art.top/projects/vueStudy_liuguodong/">vue（2.5.x）基础
                            <object><a href="https://gitee.com/daoke0818/Web_vueStudy_liuguodong" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="http://e-art.top/projects/css3Basics/">CSS3基础
                            <object><a href="https://gitee.com/daoke0818/css_css3Basics" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="http://e-art.top/projects/css3Practice/">CSS3练习</a>
                        <a class="dropdown-item" href="http://e-art.top/projects/jsBasics/">js基础</a>
                        <a class="dropdown-item" href="http://e-art.top/projects/jQueryBasics/">jQuery基础
                            <object><a href="https://gitee.com/daoke0818/Js_jQueryBasics" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="notes.html">更多…</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="projects" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        项目
                    </a>
                    <div class="dropdown-menu" aria-labelledby="projects">
                        <a class="dropdown-item" href="http://e-art.top/projects/bigScreenCharts/">可视化大屏图表demo
                            <object><a href="https://github.com/daoke0818/pro_bigScreenCharts" target="_blank"
                                    title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
                            <object><a href="https://gitee.com/daoke0818/pro_bigScreenCharts" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="https://www.e-art.top/projects/vue3Demo/">vue3图表</a>
                        <a class="dropdown-item" href="https://www.e-art.top/projects/tcm-sheng-wu-zhong/">振荡中医生物钟疗法</a>
                        <a class="dropdown-item" href="http://e-art.top/projects/dingFuHuangZhuangHome/">定福黄庄的小窝
                            <object><a href="https://gitee.com/daoke0818/pro_dingFuHuangZhuangHome" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="http://e-art.top/projects/baby_literacy/">阿洛识字
                            <object><a href="https://github.com/daoke0818/pro_baby_literacy" target="_blank"
                                    title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
                            <object><a href="https://gitee.com/daoke0818/pro_baby_literacy" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                        <a class="dropdown-item" href="projects.html">更多…</a>
                        <!--                    <a class="dropdown-item disabled" href="#">music++（挂起中。。。）</a>-->
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="friends" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        小伙伴们
                    </a>
                    <div class="dropdown-menu" aria-labelledby="friends">
                        <a class="dropdown-item"
                            href="https://yuedu.163.com/source/56f4c5e029e94db7b544a8ad57778588_4">姑姑的乡土随笔</a>
                        <a class="dropdown-item" href="https://blog.csdn.net/fuhtead">fuhtead的博客</a>
                        <a class="dropdown-item" href="https://zhuanlan.zhihu.com/gemfield">Gemfield的深度学习专栏</a>
                        <a class="dropdown-item" href="friendlyLink.html">更多…</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="links" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                        常用网址
                    </a>
                    <div class="dropdown-menu" aria-labelledby="links">
                        <a class="dropdown-item" href="https://www.zhihu.com">知乎</a>
                        <a class="dropdown-item" href="https://weibo.com">新浪微博</a>
                        <a class="dropdown-item" href="http://www.chinaw3c.org">w3C中国</a>
                        <a class="dropdown-item" href="websites.html">更多…</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="withoutCode" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        代码之外
                    </a>
                    <div class="dropdown-menu" aria-labelledby="withoutCode">
                        <a class="dropdown-item" href="https://music.163.com/#/djradio?id=350029457">我的音乐电台</a>
                        <a class="dropdown-item" href="https://blog.csdn.net/daoke_li/category_9564564.html">古典音乐笔记</a>
                        <a class="dropdown-item"
                            href="https://www.cnblogs.com/daoke0818/category/1645671.html">中医学习笔记</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="aboutItem" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        关于
                    </a>
                    <div class="dropdown-menu" aria-labelledby="aboutItem">
                        <a class="dropdown-item" href="aboutBlog.html">博客介绍</a>
                        <a class="dropdown-item" href="aboutMe.html">个人介绍</a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</body>

</html>